<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function femail(){
	var y = document.getElementById("chk_email");
	if(y.checked){
	
		var x = document.getElementById("email");
		
		x.className="visible";
	}else{
		var x = document.getElementById("email");
		
		x.className="oculto";
	}
}





function meter_datos(){
			
			var dispositivo=document.getElementById("num_dispositivo").value;
			var problema=document.getElementById("txt_problema").value;
			var profe=document.getElementById("nom_prof").value;
			var depar=document.getElementById("dep").value;
			var email=document.getElementById("email_txt").value;
			var usuario=document.getElementById("usuario").value;
			
			var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
					//alert(xmlhttp.responseText);
				  	if(xmlhttp.responseText==1){
						document.getElementById("aviso").innerHTML="<span style='color:green; font-weight:bold'>Incidencia creada correctamente<span>"; 
							setInterval('location.reload()', 2000);   
					}else if(xmlhttp.responseText==2){
						document.getElementById("aviso").innerHTML="<span style='color:red'>Error al crear la incidencia</span>";  
					}else if(xmlhttp.responseText==0){
						document.getElementById("aviso").innerHTML="<span style='color:red; font-weight:bold;'>El ordenador no existe</span>"; 
					}
                 }
				 else{
					 document.getElementById("aviso").innerHTML="<span style='color:black'>Creando incidencia...<img src='img/cargando.gif'></span>";  
				 }
				
               	
			   }
        	
            xmlhttp.open("GET","php/insertarincidencia.php?num_dispositivo="+dispositivo+"&txt_problema="+problema+"&nom_prof="+profe+"&nom_prof="+profe+"&dep="+depar+"&email_txt="+email+"&usuario="+usuario,true);
            xmlhttp.send();
				
		
		}

</script>
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
<head>
<?php
    session_start();
?>
	<title>GESTOR INCIDENCIAS</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/menu.css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
	   <script src="js/comprobar_datos.js"></script>
	<script src="js/menu.js"></script>
    

</head>

<body onload="">
<?php

require('php/cabecera_prof.php');
?>

	<script>
			(function($){
				
				//cache nav
				var nav = $("#topNav");
				
				//add indicator and hovers to submenu parents
				nav.find("li").each(function() {
					if ($(this).find("ul").length > 0) {
						/*$("<span>").text("^").appendTo($(this).children(":first"));*/

						//show subnav on hover
						$(this).mouseenter(function() {
							$(this).find("ul").stop(true, true).slideDown();
						});
						
						//hide submenus on exit
						$(this).mouseleave(function() {
							$(this).find("ul").stop(true, true).slideUp();
						});
					}
				});
			})(jQuery);
		</script>
	
<div id="contenido">
<?php
$user=$_SESSION['usuario'];
require('php/menuvhasiera_prof.php');

?>

		<div id="principal">
	<h2><?php echo $xtitucreari;?></h2>
    <div id="formu">
		<form name="form" style="float:left" >
			<table border='0'>
            <tr>
            <td><p><?php echo $xetidisp;?> 
            
			<input name="num_dispositivo" type="text" id="num_dispositivo"  style="text-transform:uppercase" maxlength="8" onBlur="comprobarDispositivo()" /></td>
			 <td><div id="ejemploEtiqueta" class="oculto" align="left" ><?php echo $xetiketa;?>:<div id="images" style="float:right; background-color:#000;"><img src='img/blanca.jpg' border=0 width="100" height="80" /><img src='img/amarilla.jpg' border=0 width="100" height="80" /></div></div>
			</td>
            </tr>
			  </table>
			<!-- div que mostrara la lista de coincidencias -->
			<div id="lista"></div>
			</p>
			<p><?php echo $xproblema;?> </p>
			
			
			<textarea name="txt_problema" id="txt_problema" cols="50" rows="9" onclick="if(this.value=='Explique detalladamente el problema que tiene el dispositivo'){this.value='';} " onkeyup="if(this.value=='Explique detalladamente el problema que tiene el dispositivo'){this.value='';} "onblur="comprobarProblema(); if(this.value=='')this.value='Explique detalladamente el problema que tiene el dispositivo'">Explique detalladamente el problema que tiene el dispositivo</textarea>
			<br />
			<?php echo $xnombreprof;?>
			<input name="nom_prof" type="text" id="nom_prof" onBlur="comprobarNombre()" /><br />
			
			<input type="hidden" id="usuario" value="<?php echo $user; ?>"/>
			<?php echo $xdepprof;?>: 
			
			<?php
				 
				require('php/conexionbd.php');
				$res=mysql_query("SELECT * FROM departamento", $con);
				echo " <select id='dep'>";
				echo "<option value='0'>--SELECCION--</option>";
				while($row = mysql_fetch_array($res)){
					$id_dep=$row['id_departamento'];
					$dep=$row['nombre'];
					echo "<option value='$id_dep'>$dep</option>";
				}
				echo "</select>";
				
			?>
			
			
			<p><?php echo $xemailsi;?> 
			<input type="checkbox" name="chk_email" id="chk_email" onclick="femail()"/>
			</p>
			<div id="email" class="oculto"> 
				<span><?php echo $xprovemail;?></span>
			<input name="email_txt" type="text" id="email_txt" onBlur="comprobarEmail()"  maxlength="50" />
            <div id="errorEmail" class="oculto">Ejemplo: email@dominio.com</div>
			</div>
			<p>
			<input type="button" name="btn_enviar" id="btn_enviar" disabled="false" value="<?php echo $xtitucreari;?>" onclick="meter_datos();"/>
			<input type="reset" name="btn_borrar" id="btn_borrar" value="<?php echo $xborrardatos;?>" />
            </div><div id="aviso" style="font-size:18px; padding-top:360px"></div>
			</p>
		</form>
        
        </div>
        
		
</div>
	
	<div id="pie">
		<?php 
		include("pie.php");
		?>
	</div>

</div>	
</body>
</html>
